/* 设置字体 */
@font-face {
	font-family: source;
	src: url(../static/Fonts/SourceHanSans-Regular.otf);
}

* {
	margin: 0;
	padding: 0;
	font-family: source;
}

body {
	/* 设置背景 */
	background-color: #fff;
	background-image: url('http://110.42.148.82/static/neo/img/background.jpeg') !important;
	padding-bottom: 60px;
	background-size: cover !important;
	background-attachment: fixed !important;
	background-repeat: no-repeat !important;
}

#LoginPage {
	/* 设置宽高 */
	width: 400px;
	height: 400px;
	/* 设置背景颜色 */
	background-color: rgba(255, 255, 255, 0.8);
	padding: 20px;
	box-sizing: border-box;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	border-radius: 24px;
	/* 相对于现在所处位置的位移变化，x便偏移自己宽度的50%，y偏移自己高度的50% */
}

h2 {
	margin-bottom: 20px;
	text-align: center;
}

#LoginPage input {
	width: 100%;
	height: 30px;
	display: block;
	margin-bottom: 20px;
	padding-left: 10px;
	box-sizing: border-box;
	border: 1px solid #4B4453;
	border-radius: 180px;
}

.mya {
	width: 100%;
	height: 30px;
	margin-bottom: 20x;
}

.mya a:nth-child(1) {
	float: left;
}

.mya a:nth-child(2) {
	float: right;
}

.LRBtn {
	width: 100%;
	height: 40px;
	background-color: #0081CF;
	border: none;
	color: #FFFFFF;
	border-radius: 180px;
}

.LRBtn:active {
	box-shadow: 0 0 3px rgb(173, 172, 172);
	/* x偏移  y偏移  模糊值 颜色 */
}

#msg_img {
	position: absolute;
	left: 11px; 
	top: 11px;
}

#msg_text {
	position: absolute;
	left: 40px; 
	top: 11px;
	font-size: 11px;
}

#error_msg {
	width: 400px;
	height: 40px;
	/* 设置背景颜色 */
	background-color: rgba(249, 215, 217, 0.8);
	box-sizing: border-box;
	position: absolute;
	left: 50%;
	top: calc(50% + 240px);
	transform: translate(-50%, -50%);
	border-radius: 24px;
}

#finish_msg {
	width: 400px;
	height: 40px;
	/* 设置背景颜色 */
	background-color: rgba(188, 235, 220, 0.8);
	box-sizing: border-box;
	position: absolute;
	left: 50%;
	top: calc(50% + 240px);
	transform: translate(-50%, -50%);
	border-radius: 24px;
}